<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #1D3647;
}
-->
</style>
<link href="<%=media%>/images/skin.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/luci-static/bootstrap/favicon.png">
<table width="100%" height="166" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="42" valign="top"><table width="100%" height="42" border="0" cellpadding="0" cellspacing="0" class="login_top_bg">
      <tr>
        <td width="1%" height="21">&nbsp;</td>
        <td height="42">&nbsp;</td>
        <td width="17%">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td valign="top"><table width="100%" height="532" border="0" cellpadding="0" cellspacing="0" class="login_bg">
      <tr>
        <td width="49%" align="right"><table width="91%" height="532" border="0" cellpadding="0" cellspacing="0" class="login_bg2">
            <tr>
              <td height="138" valign="top"><table width="89%" height="427" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td height="149">&nbsp;</td>
                </tr>
                <tr>
                  <td height="80" align="right" valign="top"><img src="<%=media%>/images/logo.png" width="279" height="68"></td>
                </tr>
                <tr>
                  <td height="198" align="right" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="35%">&nbsp;</td>
                      <td height="25" colspan="2" class="left_txt"><p>1- <%:How to user%>...</p></td>
                    </tr>
                    <tr>
                      <td>&nbsp;</td>
                      <td height="25" colspan="2" class="left_txt"><p>2- <%:How to user%>...</p></td>
                    </tr>
                    <tr>
                      <td>&nbsp;</td>
                      <td height="25" colspan="2" class="left_txt"><p>3- <%:How to user%>...</p></td>
                    </tr>
                    <tr>
                      <td>&nbsp;</td>
                      <td width="30%" height="40"><img src="<%=media%>/images/icon-demo.gif" width="16" height="16"/><a href="http://www.wo-lan.com" target="_blank" class="left_txt3"><%:How to user%></a> </td>
                      <td width="35%"><img src="<%=media%>/images/icon-login-seaver.gif" width="16" height="16"/><a href="http://www.wo-lan.com" target="_blank" class="left_txt3"> <%:How to user%></a></td>
                    </tr>
                  </table></td>
                </tr>
              </table></td>
            </tr>
            
        </table></td>
        <td width="1%" >&nbsp;</td>
        <td width="50%" valign="bottom"><table width="100%" height="59" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td width="4%">&nbsp;</td>
              <td width="96%" height="38"><span class="login_txt_bt"><%:Wo-Lan system management %></span></td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td height="21"><table cellSpacing="0" cellPadding="0" width="100%" border="0" id="table211" height="328">
                  <tr>
                    <td height="164" colspan="2" align="middle"><form method="post" action="<%=pcdata(luci.http.getenv("REQUEST_URI"))%>">
                        <table cellSpacing="0" cellPadding="0" width="100%" border="0" height="108" id="table212">
                          <tr>
                            <td width="13%" height="38" class="top_hui_text"><span class="login_txt"><%:Username%></span>:</td>
                            <td height="38" colspan="2" class="top_hui_text">
                            <input class="cbi-input-user" type="text" name="luci_username" value="<%=duser%>" /> 
                            </td>
                          </tr>
                          <tr>
                            <td width="13%" height="35" class="top_hui_text"><span class="login_txt"><%:Password%></span>:</td>

                            <td height="35" colspan="2" class="top_hui_text">
                            <input id="focus_password" class="cbi-input-password" type="password" name="luci_password" />
                             </td>
                          </tr>
                          <tr>
                            <td height="35" >&nbsp;</td>
                            <td width="20%" height="35" ><input type="submit" value="<%:Login%>" class="cbi-button cbi-button-apply" /></td>
                            <td width="67%" class="top_hui_text"><input type="reset" value="<%:Reset%>" class="cbi-button cbi-button-reset" /></td>
                          </tr>
                        </table>
                        <br>
                    </form></td>
                  </tr>
                  <tr>
                    <td width="433" height="164" align="right" valign="bottom"><img src="<%=media%>/images/login-wel.gif" width="242" height="138"/></td>
                    <td width="57" align="right" valign="bottom">&nbsp;</td>
                  </tr>
              </table></td>
            </tr>
          </table>
          </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="20"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="login-buttom-bg">
      <tr>
        <td align="center"><span class="login-buttom-txt">Copyright &copy; 2008-2020 www.wo-lan.com</span></td>
      </tr>
    </table></td>
  </tr>
</table>
